<template>
  <Popup
      v-model="visible"
      :round="info.round"
      overlay-class="biz_layer_wrap"
      :transition-appear="true"
      :close-on-popstate="true"
      :position="info.position"
      :safe-area-inset-bottom="true"
      :overlay="info.overlay"
      :close-on-click-overlay="false"
      @click-overlay="handleCancel"
      style="{z-index: 19999;}"
  >
    <div class="biz_layer_inside">
      <el-row class="take-number-sure">
        <el-col :span="24">
          <div class="item-childs item-top">
            <img
                alt="icon"
                src="@/components/assets/images/design/1-6×2.png"
            />
          </div>
        </el-col>
        <el-col :span="24">
          <div class="item-childs item-bottom">
            您确定要取消 2025-01-20 上午骨伤科的预约吗?
          </div>
        </el-col>
        <el-col :span="24">
          <div class="item-childs item-bottom">
            <div class="left" @click="handleCancel">
              取消
            </div>
            <div class="right" @click="handleSure">
              确定
            </div>
          </div>
        </el-col>
      </el-row>
    </div>
  </Popup>
</template>

<script>
import {Popup} from 'vant';
import {pxToVw} from "@/utils/common";

export default {
  name: 'BizCancelSure',

  componentName: "BizCancelSure",

  props: {
    visible:{
      type: Boolean,
      required: false
    },
    info: {
      type: Object,
      required: true
    },
  },

  components: {
    Popup,
  },

  data() {
    return {
      round: true,
    }
  },

  computed: {

  },

  mounted() {
    console.log('init')
  },

  methods: {
    handleCancel(){
      console.log('关闭')
      this.$emit('handleCancel');
    },

    handleSure(){
      console.log('确定')
      this.$emit('handleSure',(this.info?.row));
    }
  },

}
</script>

<style lang="scss" scoped>
@import "./assets/style";
</style>
